{% extends "while_base.html" %}
{% block page %}

<hr />
	<div id="page-bgtop">
		<div id="content">
		
			<div class="post">
				<p class="meta">{{post.datestamp|date:"l, F j, Y, f A"}}  <span style="float: right;"> Posted by <span class="author">{{post.gender}}</span> about <span class="author">{{post.adjective}} {{post.noun}}</span>{%if not post.campus_aff %} at <span class="author">{{post.campus}}</span>{%endif%}</span></p>
				<h2 class="title"><a href="#">While You Were {{post.whileyou}}... </a></h2>
				<div class="entry">
					<p>{{post.description}} </p>
				</div>
	<div class="links"><a href="/wyw/{{post.id}}"><span style="text-transform: uppercase;float:left; padding-left: 30px;padding-top: 4px;font-size: 10px;">{{post.comments}} comment{%if not post.comments == 1 %}s{%endif%}</span></a><a id="clickh{{post.id}}" href="Javascript: void(0);">High Five! (<span id="h{{post.id}}">{{post.five}}</span>)</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;<a id="clickl{{post.id}}" href="Javascript: void(0);">Low Blow... (<span id="l{{post.id}}">{{post.low}}</span>)</a>
				</div>
				
				<script type="text/javascript">
      $(function(){
          $("#clickh{{post.id}}").click(function(){
              $("#h{{post.id}}").load("/high/{{post.id}}/");
          });
      });
      $(function(){
          $("#clickl{{post.id}}").click(function(){
              $("#l{{post.id}}").load("/low/{{post.id}}/");
          });
      });
  </script>
	
	{% if post.comments > 0 %}
	{%for comment in comments %}
	<div class="commentbox">
	
	<div style="float: left;font-size: 16px;padding: 10px 16px 0px 19px;">
				{{forloop.counter}}.
				</div>
				<p class="commeta">{{comment.datestamp|date:"l, F j, Y, f A"}} <span style="float: right;"> Posted by <span class="comauthor">{{comment.author}}</span> </span></p>
				
				<div class="commententry">
					<p>{{comment.comment}} </p>
				</div>

				
				</div>
					{%endfor%}
				{%endif%}
				
		<div class="commentform">		
		<FORM METHOD="post" ACTION="" >
			 {% csrf_token %}					
				<div class="entry">
					<p> <LABEL for="post">Post your comment:</LABEL><br>
					{{form.comment}}
					</p>
				</div>
				<div class="entry">
					<p> <LABEL for="Name">Name (don't use your full name): </LABEL>
					{{form.author}}
					</p>
				
					<br>
					<INPUT type="submit" value="Post">
					</div>
				</div>
				</Form>
				</div>
		</div>
		</div>
		<!-- end #content <a href="http://tinypic.com?ref=xby9ls" target="_blank>-->
		<div id="sidebar">
			<a href="/post"><img src="{{ MEDIA_URL }}img/post.jpg" border="0"></a>
			
		</div>
		<!-- end #sidebar -->
		
		
		<div style="clear: both;">&nbsp;</div>
	</div>
	
	{% endblock %}